<!--
 * @Description:
 * @Author: dh
 * @Date: 2022-01-21 13:41:19
 * @LastEditors: dh
 * @LastEditTime: 2022-10-27 13:53:39
-->
<template>
	<div>{{ name }}</div>
</template>

<script>
/* eslint-disable */
import { defineComponent } from 'vue';
import axios from 'axios';

export default defineComponent({
	props: ['time'],
	// 方式一 同步返回数据
	// async setup() {
	//     const { data } = await axios.get('/test.json');
	//     return {
	//         userInfo: data,
	//     };
	// },

	// 方式二 可以直接使用promise的结果
	setup(props) {
		return new Promise((resolve, reject) => {
			axios
				.get('/test.json')
				.then(res => {
					setTimeout(() => {
						resolve(res.data);
					}, props.time);
				})
				.catch(err => {
					reject(err);
				});
		});
	},
});
</script>

<style scoped></style>
